<template>
  <!-- #region template -->
  <BListGroup numbered>
    <BListGroupItem class="d-flex justify-content-between align-items-start">
      <div class="ms-2 me-auto">
        <div class="fw-bold">Subheading</div>
        Cras justo odio
      </div>
      <BBadge
        variant="primary"
        pill
        >14</BBadge
      >
    </BListGroupItem>
    <BListGroupItem class="d-flex justify-content-between align-items-start">
      <div class="ms-2 me-auto">
        <div class="fw-bold">Subheading</div>
        Dapibus ac facilisis in
      </div>
      <BBadge
        variant="primary"
        pill
        >2</BBadge
      >
    </BListGroupItem>
    <BListGroupItem class="d-flex justify-content-between align-items-start">
      <div class="ms-2 me-auto">
        <div class="fw-bold">Subheading</div>
        Morbi leo risus
      </div>
      <BBadge
        variant="primary"
        pill
        >1</BBadge
      >
    </BListGroupItem>
  </BListGroup>
  <!-- #endregion template -->
</template>
